<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>攻略首页</title>
    <link rel="shortcut icon" href="${pageContext.request.contextPath}/statics/itrip_statics/statics/itrip_statics/favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" href="${pageContext.request.contextPath}/statics/itrip_statics/css/reset.css"/>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/statics/itrip_statics/css/font-awesome.min.css"/>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/statics/itrip_statics/css/common.css"/>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/statics/itrip_statics/lib/cityselect/cityselect.css"/>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/statics/itrip_statics/css/index.css"/>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/statics/itrip_statics/css/travel.css"/>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/statics/itrip_statics/css/strategy.css"/>
    <script src="${pageContext.request.contextPath}/statics/itrip_statics/lib/jquery-2.1.4.min.js" type="text/javascript"></script>
    <script src="${pageContext.request.contextPath}/statics/itrip_statics/lib/cityselect/cityselect.js" type="text/javascript"></script>
    <script src="${pageContext.request.contextPath}/statics/itrip_statics/lib/echarts/echarts.min.js"></script>
    <script src="${pageContext.request.contextPath}/statics/itrip_statics/lib/echarts/shine.js"></script>
    <script src="${pageContext.request.contextPath}/statics/itrip_statics/lib/echarts/china.js"></script>
</head>
<%@include file="../common/head.jsp"%>
<div class="travel strategy">
    <div class="travel-head">
        <div class="travel-head-left">
            <div class="head-list-menu">
                <div class="border-hover">
                    <div class="menu-theme">主题旅游</div>
                    <div class="menu-sub">
                        <a>爸妈游</a>
                        <a>上海迪士尼</a>
                        <a>蜜月游</a>
                    </div>
                    <span>&gt;</span>
                    <div class="list-menu-border"></div>
                    <div class="menu-more">
                        <div class="menu-list">
                            <div class="menu-theme">周边旅游</div>
                            <div class="menu-sub">
                                <a>爸妈游</a>
                                <a>上海迪士尼</a>
                                <a>蜜月游</a>
                            </div>
                        </div>
                        <div class="menu-list">
                            <div class="menu-theme">国内旅游</div>
                            <div class="menu-sub">
                                <a>爸妈游</a>
                                <a>上海迪士尼</a>
                                <a>蜜月游</a>
                            </div>
                        </div>
                        <div class="menu-list">
                            <div class="menu-theme">国外旅游</div>
                            <div class="menu-sub">
                                <a>爸妈游</a>
                                <a>上海迪士尼</a>
                                <a>蜜月游</a>
                            </div>
                        </div>

                    </div>
                </div>

            </div>
            <div class="head-list-menu">
                <div class="border-hover">
                    <div class="menu-theme">热门旅游</div>
                    <div class="menu-sub">
                        <a>爸妈游</a>
                        <a>上海迪士尼</a>
                        <a>蜜月游</a>
                    </div>
                    <span>&gt;</span>
                    <div class="list-menu-border"></div>
                    <div class="menu-more">
                        <div class="menu-list">
                            <div class="menu-theme">主题旅游</div>
                            <div class="menu-sub">
                                <a>爸妈游</a>
                                <a>上海迪士尼</a>
                                <a>蜜月游</a>
                                <a>徒步</a>
                                <a>越野自驾</a>
                            </div>
                        </div>
                        <div class="menu-list">
                            <div class="menu-theme">主题旅游</div>
                            <div class="menu-sub">
                                <a>爸妈游</a>
                                <a>上海迪士尼</a>
                                <a>蜜月游</a>
                                <a>徒步</a>
                                <a>越野自驾</a>
                            </div>
                        </div>
                        <div class="menu-list">
                            <div class="menu-theme">主题旅游</div>
                            <div class="menu-sub">
                                <a>爸妈游</a>
                                <a>上海迪士尼</a>
                                <a>蜜月游</a>
                                <a>徒步</a>
                                <a>越野自驾</a>
                            </div>
                        </div>

                    </div>
                </div>

            </div>
            <div class="head-list-menu">
                <div class="border-hover">
                    <div class="menu-theme">主题公园</div>
                    <div class="menu-sub">
                        <a>爸妈游</a>
                        <a>上海迪士尼</a>
                        <a>蜜月游</a>
                    </div>
                    <span>&gt;</span>
                    <div class="list-menu-border"></div>
                    <div class="menu-more">
                        <div class="menu-list">
                            <div class="menu-theme">主题旅游</div>
                            <div class="menu-sub">
                                <a>爸妈游</a>
                                <a>上海迪士尼</a>
                                <a>蜜月游</a>
                                <a>徒步</a>
                                <a>越野自驾</a>
                            </div>
                        </div>
                        <div class="menu-list">
                            <div class="menu-theme">主题旅游</div>
                            <div class="menu-sub">
                                <a>爸妈游</a>
                                <a>上海迪士尼</a>
                                <a>蜜月游</a>
                                <a>徒步</a>
                                <a>越野自驾</a>
                            </div>
                        </div>
                        <div class="menu-list">
                            <div class="menu-theme">主题旅游</div>
                            <div class="menu-sub">
                                <a>爸妈游</a>
                                <a>上海迪士尼</a>
                                <a>蜜月游</a>
                                <a>徒步</a>
                                <a>越野自驾</a>
                            </div>
                        </div>

                    </div>
                </div>

            </div>
            <div class="head-list-menu">
                <div class="border-hover">
                    <div class="menu-theme">周边旅游</div>
                    <div class="menu-sub">
                        <a>爸妈游</a>
                        <a>上海迪士尼</a>
                        <a>蜜月游</a>
                    </div>
                    <span>&gt;</span>
                    <div class="list-menu-border"></div>
                    <div class="menu-more">
                        <div class="menu-list">
                            <div class="menu-theme">主题旅游</div>
                            <div class="menu-sub">
                                <a>爸妈游</a>
                                <a>上海迪士尼</a>
                                <a>蜜月游</a>
                                <a>徒步</a>
                                <a>越野自驾</a>
                            </div>
                        </div>
                        <div class="menu-list">
                            <div class="menu-theme">主题旅游</div>
                            <div class="menu-sub">
                                <a>爸妈游</a>
                                <a>上海迪士尼</a>
                                <a>蜜月游</a>
                                <a>徒步</a>
                                <a>越野自驾</a>
                            </div>
                        </div>
                        <div class="menu-list">
                            <div class="menu-theme">主题旅游</div>
                            <div class="menu-sub">
                                <a>爸妈游</a>
                                <a>上海迪士尼</a>
                                <a>蜜月游</a>
                                <a>徒步</a>
                                <a>越野自驾</a>
                            </div>
                        </div>

                    </div>
                </div>

            </div>
        </div>
        <div class="travel-head-right strategy-center">
            <div class="travel-search">
                <div class="search">
                    <input type="text" placeholder="景点\地区\关键词...">
                    <button class=" icon-search"></button>
                </div>
                <div class="travel-search-list none-style">
                    <div class="btn btn-default" type="text">
                        <i class="icon-map-marker"></i>
                        <input type="text" readonly id="travelCitySelect1" value="北京市"><i
                            class=" icon-angle-down"></i></div>
                </div>
            </div>
          <div>
              <div class="banner ">
                  <div class="banner-border">
                      <div>
                          <ul class="banner_list">
                              <li class="act banner-li1"><a href="#"></a></li>
                              <li class="banner-li2"><a href="#"></a></li>
                              <li class="banner-li3"><a href="#"></a></li>
                              <li class="banner-li4"><a href="#"></a></li>
                          </ul>
                      </div>
                      <ol class="lb">
                          <li class="li_1 cur"></li>
                          <li></li>
                          <li></li>
                          <li></li>
                      </ol>
                  </div>
              </div>
              <div class="strategy-right">
                  <img src="${pageContext.request.contextPath}/statics/itrip_statics/images/img/strategy/strategy-00.png" alt="">
                  <br>
                  <img src="${pageContext.request.contextPath}/statics/itrip_statics/images/img/strategy/strategy-01.png" alt="">
              </div>
          </div>
        </div>

    </div>
    <div class="travel-body">
        <div class="strategy-map">
            <div id="linkForChina" style="width:740px;height: 600px;"></div>
            <div class="localtion-mes">
                <strong>青 海</strong>
                <br>
                预计游玩人数： 1.6w人次/天   拥堵 <br>
                建议游玩：4-10天
                <br>
                <br>
                茶卡盐湖   可可西里   孟达天池   互助北山   金银滩
                <br>
                <br>
                年保玉则   同仁   三江源
                <br>
                <br>
                <p>
                    青海省为我国青藏高原上的重要省份之一，因境内有全国最大的内陆咸水湖──青海湖，而得省名。
                </p>
                <br>
                <br>
                <p>
                    青海湖是中国最大的内陆咸水湖，面积4573平方公里，湖面高出海平面3,260米，是泰山顶峰的2倍。
                </p>
                <br>
                <br>
                <p>
                    最佳季节：5月-10月适宜。青海是高原大陆性气候，春秋两季有沙尘污染，形成扬尘天气。7月的青海湖边有大片油菜花，黄色的花海和一望无际的蓝色湖水，景色美不胜收，那时的气温不超过18摄氏度，气候舒适宜人。
                </p>
            </div>
        </div>
        <div class="strategy-list">
            <div class="strategy-list-header">
                <div>
                    月度推荐 <span> ● </span><span>开启滑雪之旅，这个冬天不太冷</span>
                </div>
                <img src="${pageContext.request.contextPath}/statics/itrip_statics/images/img/strategy/strategy-02.png" alt="">
            </div>
            <div class="strategy-list-body">
                <div class="strategy-tabs">
                    <ul  class="tabs-header"  >
                        <li ><span>一月</span> <span class=" icon-tra"></span><span>●</span></li>
                        <li><span>二月</span> <span class=" icon-tra"></span><span>●</span></li>
                        <li><span>三月</span> <span class=" icon-tra"></span><span>●</span></li>
                        <li><span>四月</span> <span class=" icon-tra"></span><span>●</span></li>
                        <li class="active"><span>五月</span> <span class=" icon-tra"></span><span>●</span></li>
                        <li><span>六月</span> <span class=" icon-tra"></span><span>●</span></li>
                        <li><span>七月</span> <span class=" icon-tra"></span><span>●</span></li>
                        <li><span>八月</span> <span class=" icon-tra"></span><span>●</span></li>
                        <li><span>九月</span> <span class=" icon-tra"></span><span>●</span></li>
                        <li><span>十月</span> <span class=" icon-tra"></span><span>●</span></li>
                        <li><span>十一月</span> <span class="icon-tra"></span><span>●</span></li>
                        <li><span>十二月</span> <span class="icon-tra"></span><span>●</span></li>
                    </ul>
                    <div class="tabs-body">
                        <a href=""><img src="${pageContext.request.contextPath}/statics/itrip_statics/images/img/strategy/city/aomen.JPG" alt=""><div>澳门</div></a>
                        <a href=""><img src="${pageContext.request.contextPath}/statics/itrip_statics/images/img/strategy/city/chongqing.jpg" alt=""><div>重庆</div></a>
                        <a href=""><img src="${pageContext.request.contextPath}/statics/itrip_statics/images/img/strategy/city/dalian.jpg" alt=""><div>大连</div></a>
                        <a href=""><img src="${pageContext.request.contextPath}/statics/itrip_statics/images/img/strategy/city/daocheng.JPG" alt=""><div>稻城</div></a>
                        <a href=""><img src="${pageContext.request.contextPath}/statics/itrip_statics/images/img/strategy/city/dunhuang.jpg" alt=""><div>敦煌</div></a>
                        <a href=""><img src="${pageContext.request.contextPath}/statics/itrip_statics/images/img/strategy/city/gaoxing.jpg" alt=""><div>高雄</div></a>
                        <a href=""><img src="${pageContext.request.contextPath}/statics/itrip_statics/images/img/strategy/city/guilin.jpg" alt=""><div>桂林</div></a>
                        <a href=""><img src="${pageContext.request.contextPath}/statics/itrip_statics/images/img/strategy/city/ningxia.jpg" alt=""><div>宁夏</div></a>
                        <br>
                        <a href=""><img src="${pageContext.request.contextPath}/statics/itrip_statics/images/img/strategy/city/guiyang.jpg" alt=""><div>贵阳</div></a>
                        <a href=""><img src="${pageContext.request.contextPath}/statics/itrip_statics/images/img/strategy/city/hangzhou.jpg" alt=""><div>杭州</div></a>
                        <a href=""><img src="${pageContext.request.contextPath}/statics/itrip_statics/images/img/strategy/city/hulunbeier.jpg" alt=""><div>呼伦贝尔</div></a>
                        <a href=""><img src="${pageContext.request.contextPath}/statics/itrip_statics/images/img/strategy/city/guilin.jpg" alt=""><div>吉林</div></a>
                        <a href=""><img src="${pageContext.request.contextPath}/statics/itrip_statics/images/img/strategy/city/lianyungang.jpg" alt=""><div>连云港</div></a>
                        <a href=""><img src="${pageContext.request.contextPath}/statics/itrip_statics/images/img/strategy/city/lijiang.JPG" alt=""><div>丽江</div></a>
                        <a href=""><img src="${pageContext.request.contextPath}/statics/itrip_statics/images/img/strategy/city/nanjing.jpg" alt=""><div>南京</div></a>
                        <a href=""><img src="${pageContext.request.contextPath}/statics/itrip_statics/images/img/strategy/city/ningbo.jpg" alt=""><div>宁波</div></a>
                    </div>
                </div>
            </div>
        </div>
        <div class="strategy-list">
            <div class="strategy-list-header">
                <div>
                    热门目的地 <span> ● </span><span>走过多少地方 最美的还是这里</span>
                </div>
                <img src="${pageContext.request.contextPath}/statics/itrip_statics/images/img/strategy/strategy-03.png" alt="">
            </div>
            <div class="strategy-list-body localtion">
                <div class="strategy-tabs">
                    <ul  class="tabs-header"  >
                        <li class="active"><span>当季游玩</span> </li>
                        <li><span>温馨蜜月</span> </li>
                        <li><span>海岛撒欢</span> </li>
                        <li><span>血拼购物</span> </li>
                    </ul>
                    <div class="tabs-body">
                        <a href=""><img src="${pageContext.request.contextPath}/statics/itrip_statics/images/img/strategy/city/pingyao.jpg" alt=""><div>平遥</div></a>
                        <a href=""><img src="${pageContext.request.contextPath}/statics/itrip_statics/images/img/strategy/city/rizhao.jpg" alt=""><div>日照</div></a>
                        <a href=""><img src="${pageContext.request.contextPath}/statics/itrip_statics/images/img/strategy/city/shanghai.jpg" alt=""><div>上海</div></a>
                        <a href=""><img src="${pageContext.request.contextPath}/statics/itrip_statics/images/img/strategy/city/suzhou.jpg" alt=""><div>苏州</div></a>
                        <a href=""><img src="${pageContext.request.contextPath}/statics/itrip_statics/images/img/strategy/city/taibei.jpg" alt=""><div>台北</div></a>
                        <a href=""><img src="${pageContext.request.contextPath}/statics/itrip_statics/images/img/strategy/city/weihai.jpg" alt=""><div>威海</div></a>
                        <a href=""><img src="${pageContext.request.contextPath}/statics/itrip_statics/images/img/strategy/city/wuxi.jpg" alt=""><div>无锡</div></a>
                        <a href=""><img src="${pageContext.request.contextPath}/statics/itrip_statics/images/img/strategy/city/wuzhen.jpg" alt=""><div>乌镇</div></a>
                        <br>
                        <a href=""><img src="${pageContext.request.contextPath}/statics/itrip_statics/images/img/strategy/city/xiamen.jpg" alt=""><div>厦门</div></a>
                        <a href=""><img src="${pageContext.request.contextPath}/statics/itrip_statics/images/img/strategy/city/xian.jpg" alt=""><div>西安</div></a>
                        <a href=""><img src="${pageContext.request.contextPath}/statics/itrip_statics/images/img/strategy/city/xianggang.JPG" alt=""><div>香港</div></a>
                        <a href=""><img src="${pageContext.request.contextPath}/statics/itrip_statics/images/img/strategy/city/xining.jpg" alt=""><div>西宁</div></a>
                        <a href=""><img src="${pageContext.request.contextPath}/statics/itrip_statics/images/img/strategy/city/yangshuo.jpg" alt=""><div>阳朔</div></a>
                        <a href=""><img src="${pageContext.request.contextPath}/statics/itrip_statics/images/img/strategy/city/yangzhou.jpg" alt=""><div>扬州</div></a>
                        <a href=""><img src="${pageContext.request.contextPath}/statics/itrip_statics/images/img/strategy/city/yili.JPG" alt=""><div>伊犁</div></a>
                        <a href=""><img src="${pageContext.request.contextPath}/statics/itrip_statics/images/img/strategy/city/zhangjiajie.jpg" alt=""><div>张家界</div></a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<%@include file="../common/bottom.jsp"%>
<script src="${pageContext.request.contextPath}/statics/itrip_statics/strategy/index.js" type="text/javascript"></script>
<script>
    window.onload = function (e) {
        strategy.init();
    }
</script>